<template>
<div>
<nav>
    <ul>
        <li>满减</li>
        <li>折扣</li>
        <li>秒杀</li>
        <li>满送</li>
        <li>满包邮</li>
        <li>会员商品</li>
    </ul>
</nav>
<div class="container">
    <div class="btn"><router-link to="/detail">查询</router-link></div>
    <p>抱歉，暂无数据</p>
</div>
</div>
</template>
    
<script>
export default {
    name: "vContain"
}
</script>
<style scoped>
ul{
    list-style-type: none;
    overflow: hidden;
    background: white;
}
ul li {
    float: left;
    margin: 1em 2em;
}
.container{
    position: relative;
    height: 300px;
    background: white;
}
.container .btn{
    position: absolute;
    width: 60px;
    height: 30px;
    background: #fed330;
    top: 30px;
    right: 60px;
    text-align: center;
    vertical-align: center;
    cursor: pointer;
    text-decoration: none;
}
.container p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
</style>>

